
<template>
  <view class="set-wrap">

    <view class="logo-box">
      <image
        class="logo-img"
        src="../../static/images/setting_logo.png"
        mode="aspectFit"
      ></image>
    </view>

    <i-lineRow background-color="#fff" title="占用缓存" rightText="112.4kb" :right="true">
    </i-lineRow>
    <i-lineRow background-color="#fff" title="当前版本" :rightText="version" :right="true" >
    </i-lineRow>
    <view class="copyright-box">
      <view class="copyright-text">
        <text>友电之星</text>
        <text>Copyright 2022-2026</text>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { ref, computed } from "vue";
import useStore from "../../stores/index";
import { getStorage } from "../../utils/common";
import { version as versionUrl } from "../../utils/base_url";

const store = useStore();
const userInfo = computed(() => store.userInfo) as any;

const version = computed(() => {
  return versionUrl;
});
</script>

<style lang="scss">
.set-wrap {
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
}
.set-box {
  background-color: #fff;
  .cell-item {
    border-bottom: 1px solid #f5f5f5;
    .cell-title {
      font-size: 28rpx;
      color: #333;
    }
    .cell-content {
      color: #999;
    }
  }
}
.logo-box {
  padding: 110rpx 0;
  text-align: center;
}
.copyright-box {
  width: 100%;
  text-align: center;
  margin-top: 100rpx;
  .copyright-text {
    display: flex;
    flex-direction: column;
    font-size: 26rpx;
    font-weight: 500;
    color: #999;
    text {
      margin-top: 10rpx;
    }
  }
}
</style>
